
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Album example · Bootstrap v5.1</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/">

    

    <!-- Bootstrap core CSS -->
<!-- <link href="../static/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> -->
<link href="../static/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      body{
          background: #06357a;
      }
    </style>

    
  </head>
  <body>
    
<header>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="/home" class="navbar-brand d-flex align-items-center">
        <img src="../static/images/logo.png" alt="logo" width="40" height="40" >
        <strong style="font-size:25px; padding-left:20px;">王荟玲</strong></a>

    </div>
  </div>
</header>

<main>

<section class="text-center">

    <h3 class="fw-light">指导老师：<a href="https://cnblogs.com/xuzhichao">许智超老师</a></h3>
</section>
    

  <div class="container py-4">
    <header class="mb-4 border-bottom">

    </header>

    <div class="mb-4 row align-items-md-stretch rounded-4">
      <div class="col-md-6">
        <div class="h-100 p-5 bg-light rounded-4">
          <h2>BMI计算器</h2>
          <p>-用户输入身高、体重后，程序通过运算得出您的BMI身体质量指数，并根据指数提供建议。<br>-点击下方按钮，体验BMI身体质量指数计算器。</p>
          <a href="/bmi">
            <button class="btn btn-primary btn-lg rounded-4" type="button">启动BMI计算器</button></a>
          </div>
      </div>
    </div>
    <div class="mb-4 row align-items-md-stretch rounded-4">
      <div class="col-md-6">
        <div class="h-100 p-5 bg-light rounded-4">
          <h2>名字全称拼写</h2>
          <p>-用户可通过输入名、字后，程序可输出用户所输入的名字全称拼写。<br>-点击下方按钮，体验名字全称拼写。</p>
          <a href="/name">
          <button class="btn btn-primary btn-lg rounded-4" type="button">启动全名拼写</button>
          </a>
        </div>
      </div>
      <div class="col-md-6">
        <div class="h-100 p-5 bg-light rounded-4">
          <h2>元音词频统计</h2>
          <p>-用户随机输入单词后，程序通过运算可统计并输出单词中元音字母的词频。<br>-点击下方按钮，体验元音词频统计。</p>
          <a href="/word">
            <button class="btn btn-primary btn-lg rounded-4" type="button">启动词频统计</button>
          </a>
          </div>
      </div>
    </div>
    
  
    <footer class="py-2 mt-4 text-muted border-top">
      © 2021 王荟玲
   </footer>
    <p><br>参考链接：</p>
    <a href="https://dormousehole.readthedocs.io/en/latest/quickstart.html#id10">Flask文档</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://cnblogs.com/xuzhichao">许志超老师博客</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://gitee.com/xzhichao">许志超老师Gitee</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://www.runoob.com/python/python-tutorial.html">菜鸟教程</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://www.w3school.com.cn/html/index.asp">W3school</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://blog.csdn.net/nav/python">CSDN社区</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://docs.python.org/zh-cn/3/reference/index.html">Python官网文档</a>&nbsp;&nbsp;&nbsp;&nbsp
    <a href="https://gitee.com/Cai_Hongjia/python?_from=gitee_search">蔡洪嘉gitee</a>&nbsp;&nbsp;&nbsp;&nbsp
    
    
    
  </div>
</main>

<footer class="text-muted py-2">
  <div class="container">
    <p class="float-end mb-2">
      <a href="#">Back to top</a>
    </p>
    </div>
</footer>


    <script src="/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

      
  </body>
</html>

